<template lang="">
    <div>
        <van-nav-bar title="系统消息" />
        <div>
            <div class="item">
                <div class="item-left">
                   <div class="left-title">评分提醒</div>
                   <div class="left-content">觉得我们好用就给个好评吧～</div>
                </div>
                <div class="item-right">
                    <van-icon name="arrow" />
                </div>
            </div>

            <div class="item">
                <div class="item-left">
                   <div class="left-title">版本更新</div>
                   <div class="left-content">新版本来啦～   </div>
                </div>
                <div class="item-right">
                    <van-icon name="arrow" />
                </div>
            </div>
           
        </div>
</div>
</template>
<script>
import { ref, reactive } from 'vue'
import { useRouter, useRoute } from 'vue-router'
import { getItem, getItemCate, addItemCate } from "../api/index"
import { getUserInfo, log, LOCAL_USER } from "../utils/user"
import { showToast, showConfirmDialog } from 'vant';
export default {
    setup() {
        const router = useRouter()
        const route = useRoute()
        const userInfo = getUserInfo();

        const goToFuwu = () => {
            router.push("/MessageFuWu")
        }
        const goToSys = () => {
            router.push("/MessageSystem")
        }
        return {
            goToFuwu,
            goToSys
        }
    }
}
</script>
<style scoped>
.item{
    padding: 15px;
    display: flex;
    justify-content: space-between;
    border: 1px solid #E3E4E5;
    align-items: center;
}
.left-title{
    font-size: 18px;
    margin-bottom: 8px;
}
.left-content{
    font-weight: 250;
}
</style>